// 1-9图片处理
// webpack打包我们的图片
// 1)在js中创建如片来引入  file-loader
// 2)在css引入 background('url) 直接css-loader有
// 3) <img src="" alt=""/>  html-withimg-loader
// 需要yarn add file-loader -D
// file-loader 默认会在内部生成一张图片到build目录下
// 把生成的图片的名字返回回来
import logo from './logo.png' // 把图片引入，返回的结构是一个新的图片地址
let image = new Image()
// image.src = './logo.png' // 就是一个普通的字符串
image.src = logo // 就是一个普通的字符串
document.body.appendChild(image)

require('./index.css')

// import $ from 'jquery'
// // 全局暴露
// // import $ from 'expose-loader?$!jquery'
// console.log('----$---')
// console.log($) // 可以打印出来
// expose-loader 暴露全局的loader 内联的loader
// pre->前面执行的loader  normal->普通的loader  内联的loader  post->后置loader
// console.log(window.$) // undefined 希望在每个模块中注入
// 1) expose-loader 暴露到window上
// 2) procidePlugin 给每个人提供一个$
// 3) 引入不打包


// let a = require('./a.js')
// require('@babel/polyfill')
// console.log(a)

// require('./index.css')

// let fn = () => {
//   console.log('9090')
// }
// fn()

// @log
// class A{
//   a = 1
// }
// let b = new A()
// console.log(b.a)

// function log(target) {
//   console.log(target, '23')
// }

// function *gen() {
//   yield 1
// }

// console.log(gen().next())

// 'aaa'.includes('a')